@charset "utf-8";
/**
 * Created by kroyo on 2017/12/13.
 * common 
 */

@import 'reset';
@import 'mixincommon';


html,body{
    width: 100%;
    min-height: 100%;
}





.main{
    width: 100%;
    height: auto;
    min-height: 100%;
    background-color: #ffffff;
    padding: r(120px) 0 r(100px);
}



.site-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: $f2;
    padding: r(20px) r(25px);
    z-index: 999;
    li{
        position: relative;
        float: left;
        width: r(200px);
        height: r(80px);
        line-height: r(80px);
        font-size: r(28px);
        margin-right: r(50px);
        text-align: center;
        a{
            display: block;
            width: 100%;
            height: 100%;
            background-color: transparent;
            @include borradius(r(4px));
            color: $sc;
            &:before{
                display: inline-block;
                content: '';
                width: r(40px);
                height: r(40px);
                margin-right: r(10px);
                vertical-align: r(-10px);
            }
            &:after{
                position: absolute;
                top: r(24px);
                right: r(-34px);
                display: inline-block;
                content: '';
                width: r(16px);
                height: r(32px);
                background-image: url(../../img/common/nav-right.png);
                background-size: 100%;
            }
        }
    }
    li:last-of-type{
        margin-right: 0;
        &>a:after{
            display: none;
        }
    }
    li:first-of-type a:before{
        background: url(../../img/common/nav-icon4.png) no-repeat center;
        background-size: 100%;
    }
    li:nth-of-type(2) a:before{
        background: url(../../img/common/nav-icon2.png) no-repeat center;
        background-size: 100%;
    }
    li:last-of-type a:before{
        background: url(../../img/common/nav-icon5.png) no-repeat center;
        background-size: 100%;
    }
    li.hover-active{
        a{
            color: $acolor;
        }
        &:first-of-type a:before{
            background: url(../../img/common/nav-icon4-hover.png) no-repeat center;
            background-size: 100%;
        }
        &:nth-of-type(2) a:before{
            background: url(../../img/common/nav-icon2-hover.png) no-repeat center;
            background-size: 100%;
        }
        &:last-of-type a:before{
            background: url(../../img/common/nav-icon5-hover.png) no-repeat center;
            background-size: 100%;
        }
    }
    li.active{
        a{
            background-color: $acolor;
            color: #ffffff;
        }
        &:first-of-type a:before{
            background: url(../../img/common/nav-icon4-active.png) no-repeat center;
            background-size: 100%;
        }
        &:nth-of-type(2) a:before{
            background: url(../../img/common/nav-icon2-active.png) no-repeat center;
            background-size: 100%;
        }
        &:last-of-type a:before{
            background: url(../../img/common/nav-icon5-active.png) no-repeat center;
            background-size: 100%;
        }
    }
    //联系客户
    li.contact-customer a:before{
        background: url(../../img/common/nav-icon3.png) no-repeat center;
        background-size: 100%;
    }
    li.contact-customer.hover-active{
        a:before{
            background: url(../../img/common/nav-icon3-hover.png) no-repeat center;
            background-size: 100%;
        }
    }
    li.contact-customer.active a:before{
        background: url(../../img/common/nav-icon3-active.png) no-repeat center;
        background-size: 100%;
    }
}




//报价弹窗
.site-window{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    z-index: 999;
    &>div{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        @include borradius(10px);
        overflow: hidden;
    }
}














